@layout("/common/_containerShares.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/sharesHolding_atlas.css?v=20200718" rel="stylesheet">
<style>
    #sharesHolding_atlas{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/baseMap.png") no-repeat;  background-size:100% 100%; height: 100%; }
    .foreignBack_ground {  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/an01.png") no-repeat;  background-size:100% 100%;  }
    .sharesContent_left_t,.sharesContent_left_h,.sharesContent_left_m{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/frame1.png") no-repeat;  background-size:100% 100%;  flex:2; padding: 20px; position: relative; }
    .sharesContent_left_b,.sharesContent_left_b_h{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/frame2.png") no-repeat;  background-size:100% 100%;  flex:1; padding: 20px; overflow: hidden; position: relative; }
    .sharesContent_right{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/frame3.png") no-repeat;  background-size:100% 100%; }
    .foreignBack_admin_b{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/frame4.png") no-repeat;  background-size:100% 100%; position: relative; }
    .foreignBack_admin {  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/frame5.png") no-repeat;  background-size:100% 100%; margin-left: 30px; padding-top: 20px;}
    #branch_btn_cancel,#investment_btn_cancel,#investment_modify_cancel,#branch_btn_cancel_modify,#investment_btn_leftCancel {  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/an03.png") no-repeat;  background-size:100% 100%; padding: 10px 60px;font-weight: bold;}
    #investment_btn_confirm,#branch_btn_confirm,#investment_modify_confirm,#branch_btn_modify,#investment_btn_leftConfirm{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/an04.png") no-repeat;  background-size:100% 100%; padding: 10px 60px;font-weight: bold;}
    .sharesContent_left_t_c > .foreignBack_ground:hover{  background:url("https://pynnn.oss-cn-hangzhou.aliyuncs.com/an02.png") no-repeat!important; background-size:100% 100%!important; }
</style>
<div id="sharesHolding_atlas" class="ibox float-e-margins">
    <div style="display: none">
        <input type="text" id="outboundInvestment" value="">
        <input type="text" id="outboundBranch" value="">
        <input type="text" id="shareholderId" value="">
    </div>
    <div class="sharesContent_garish">
        <div class="sharesContent_left">
            @layout("/sharesHolding/sharesContent_left.html"){
            @}
        </div>

        <div class="sharesContent_in">
            @layout("/sharesHolding/sharesContent_in.html"){
            @}
        </div>

        <div class="sharesContent_right">
            @layout("/sharesHolding/sharesContent_right.html"){
            @}
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/sharesHolding/sharesHolding_atlas.js"></script>
<script src="${ctxPath}/static/modular/sharesHolding/sharesAreCompanyAdd.js"></script>
@}